<template>
  <div id="topBar">
  	<div>
  		{{title}}
  	</div>
  </div>
</template>
<script>
	export default {
	  name: 'topBar',
	  props: ['title',],
	}
</script>
<style lang="scss">
	@import url("../assets/css/index.css");
	$colorWhite: White;
	#topBar {
		margin-top: 0.8rem;
		>div {
			position: fixed;
			top: 0;
			height: 0.8rem;
			line-height: 0.8rem;
			text-align: center;
			color: $colorWhite;
			background: #000;
			width: 100%;
			font-size: 0.28rem;
		}
	}
</style>
